<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中和金融</title>
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/index1.css" rel="stylesheet"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <script src="JS/jquery-2.1.4.min.js"></script>
    <script src="JS/jquery.flexslider.js"></script>
    <link href="css/flexslider.css" rel="stylesheet"/>
    <script type="text/javascript">

        $(function () {
            SyntaxHighlighter.all();
        });
        $(window).load(function () {
            $('.flexslider').flexslider({
                animation: "slide",
                start: function (slider) {
                    $('body').removeClass("slides");
                }
            });
        });
    </script>

</head>
<body>
<div class="header">
    <div class="warp ">
        <p class="pull-left">全国服务热线 <span>400-897-0088</span></p>
        <ul class="pull-right nav-top-tip">
            <li><a href="#">登录</a></li>
            <li class="top-active"><a href="#" style="color:#005bac;">注册用户</a></li>
            <li><a href="#">帮助</a></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="warp">
    <div class="header-nav">
        <img src="images/logo.png" alt="logo">

        <div class=" menu pull-right clr ">
            <ul>
                <li class="active"><a href="#">我要投资</a></li>
                <li><a href="#">我要借款</a></li>
                <li><a href="#">新手指引</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">我的资产</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="banner">
    <div class="flexslider">
        <ul class="slides">
            <li><img src="images/banner.png" alt="banner"/></li>
            <li><img src="images/banner.png" alt="banner"/></li>
            <li><img src="images/banner.png" alt="banner"/></li>
            <li><img src="images/banner1.png" alt="banner"/></li>
        </ul>
        <div class="warp">
            <img class="logon-img" src="images/denglubeijing.png">

            <form action="" method="post">
                <div class="login—box">
                    <div class="login-txt_1" style="margin-bottom: 15px;">
                        <p>会员登录<a href="#" style="float: right;padding-top: 3px;">登录</a></p>
                    </div>
                    <div class="form-group " style="position: relative;">
                        <i class="fa fa-user"
                           style="position:absolute;left: 15px;top:6px;color: #c8c8c8;font-size: 20px;"></i>
                        <input type="txet" class="form-control "  style="padding-left: 40px;" placeholder="请输入手机号码">
                    </div>
                    <div class="form-group" style="position: relative;">
                        <i class="fa fa-unlock-alt"
                           style="position:absolute;left: 15px;top:6px;color: #c8c8c8;font-size: 20px;"></i>
                        <input type="password" class="form-control " style="padding-left: 40px;" placeholder="输入密码">
                    </div>
                    <button type="submit" class="btn  pull-right_1">登录</button>
                    <p class="login_txt_2">还没账号？<a href="#">立即注册</a></p>
                </div>

            </form>
        </div>

    </div>
</div>
<div class="warp">
    <div class="conter-top_1">
        <h3>中和金融截止今日</h3>
        <ul>
            <li>已加入中和金融网的理财人：116,969人</li>
            <li>为用户赚取收益61,072,458元</li>
            <li>累计投资金额：720,550,100元</li>
        </ul>

        <div class="conter-top_2">

            <div class="conter-top-box pull-left">

                <img src="images/pic1.png" class="pull-left" alt="pic1">
                <h4>安全保障</h4>

                <p>专业的第三方资金托管</p>

            </div>
            <div class="conter-top-box pull-left" style="margin-left: 17px;">
                <img src="images/pic2.png" class="pull-left" alt="pic1">
                <h4>安全保障</h4>

                <p>预期9%-20%年华收益率</p>
            </div>
            <div class="conter-top-box pull-right">
                <img src="images/pic3.png" class="pull-left" alt="pic1">
                <h4>安全保障</h4>

                <p>全自主研发平台</p>
            </div>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class="conter-top-two">
    <div class="warp">
        <div class="conter-top-txt_1">
            <p>会员登录<a href="#" style="float: right;padding-top: 3px;">更多></a></p>
        </div>
        <div class="row" style="margin: 0;padding: 0;">
            <div class="col-xs-3 conter-top-two-box" style="position: relative;">
                <img src="images/xinshou.png" alt="" style="position: absolute;left: 0;top:0;">

                <P style="font-size: 16px;color:#373737;padding-top:35px;">新手专享1号</P>
                <img src="images/index-conter-pic.png" alt="" class="center-block" style="margin-bottom: 5px;">

                <p>预期年华收益率</p>

                <p style="font-size: 50px;color: #ff7800;">20.<span style="font-size: 30px;">00</span><em
                        style="font-size: 20px;">%</em></p>

                <p style="float: left;">理财期限<span style="padding-left: 110px;">15天</span></p>

                <div class="clearfix"></div>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 50%;">
                        <span class="sr-only">10% Complete</span>
                    </div>
                </div>
                <p style="padding-top: 6px;float: left; margin: 0;margin-bottom: 5px;">长期在售</p>

                <div class="clearfix"></div>
                <a href="#">立即抢购</a>
            </div>
            <div class="col-xs-3 conter-top-two-box">

                <P style="font-size: 16px;color:#373737;padding-top:35px;">新手专享1号</P>
                <img src="images/index-conter-pic.png" alt="" class="center-block" style="margin-bottom: 5px;">

                <p>预期年华收益率</p>

                <p style="font-size: 50px;color: #ff7800;">20.<span style="font-size: 30px;">00</span><em
                        style="font-size: 20px;">%</em></p>

                <p style="float: left;">理财期限<span style="padding-left: 110px;">15天</span></p>

                <div class="clearfix"></div>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 50%;">
                        <span class="sr-only">10% Complete</span>
                    </div>
                </div>
                <p style="padding-top: 6px;float: left; margin: 0;margin-bottom: 5px;">长期在售</p>

                <div class="clearfix"></div>
                <a href="#">立即抢购</a>
            </div>
            <div class="col-xs-3 conter-top-two-box">

                <P style="font-size: 16px;color:#373737;padding-top:35px;">新手专享1号</P>
                <img src="images/index-conter-pic.png" alt="" class="center-block" style="margin-bottom: 5px;">

                <p>预期年华收益率</p>

                <p style="font-size: 50px;color: #ff7800;">20.<span style="font-size: 30px;">00</span><em
                        style="font-size: 20px;">%</em></p>

                <p style="float: left;">理财期限<span style="padding-left: 110px;">15天</span></p>

                <div class="clearfix"></div>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 50%;">
                        <span class="sr-only">10% Complete</span>
                    </div>
                </div>
                <p style="padding-top: 6px;float: left; margin: 0;margin-bottom: 5px;">长期在售</p>

                <div class="clearfix"></div>
                <a href="#">立即抢购</a>
            </div>
            <div class="col-xs-3 conter-top-two-box" style="margin-right:0; ">

                <P style="font-size: 16px;color:#373737;padding-top:35px;">新手专享1号</P>
                <img src="images/index-conter-pic.png" alt="" class="center-block" style="margin-bottom: 5px;">

                <p>预期年华收益率</p>

                <p style="font-size: 50px;color: #ff7800;">20.<span style="font-size: 30px;">00</span><em
                        style="font-size: 20px;">%</em></p>

                <p style="float: left;">理财期限<span style="padding-left: 110px;">15天</span></p>

                <div class="clearfix"></div>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 50%;">
                        <span class="sr-only">10% Complete</span>
                    </div>
                </div>
                <p style="padding-top: 6px;float: left; margin: 0;margin-bottom: 5px;">长期在售</p>

                <div class="clearfix"></div>
                <a href="#">立即抢购</a>
            </div>

        </div>
    </div>
</div>
<div class="warp">
    <div class="conter-top-txt_1">
        <p>精选投资项目<a href="#" style="float: right;padding-top: 3px;">更多></a></p>
    </div>
    <table class="table table-number">

        <thead>
        <th>项目名称</th>
        <th>借款金额</th>
        <th>年利率</th>
        <th>借款期限</th>
        <th>投标进度</th>
        <th>状态</th>
        </thead>
        <tbody>
        <tr>
            <td><img src="images/xin.png" alt="xin"><span>酒吧扩大资金周转</span></td>
            <td><p>300,000.00</p></td>
            <td><p>12.2%</p></td>
            <td><p>30天</p></td>
            <td>
                <div class="progress table-jindu">
                    <div class="progress-bar" role="progressbar" style="width: 60%;">
                        <span class="sr-only">60% Complete</span>
                    </div>
                </div>
                <p>80%</p>
            </td>
            <td>
                <button type="button">投标</button>
            </td>
        </tr>
        <tr>
            <td><img src="images/fang.png" alt="xin" ><span>酒吧扩大资金周转</span></td>
            <td><p>300,000.00</p></td>
            <td><p>12.2%</p></td>
            <td><p>30天</p></td>
            <td>
                <div class="progress table-jindu">
                    <div class="progress-bar" role="progressbar" style="width: 60%;">
                        <span class="sr-only">60% Complete</span>
                    </div>
                </div>
                <p>80%</p>
            </td>
            <td>
                <button type="button">投标</button>
            </td>
        </tr>
        <tr>
            <td><img src="images/che.png" alt="xin"><span>酒吧扩大资金周转</span></td>
            <td><p>300,000.00</p></td>
            <td><p>12.2%</p></td>
            <td><p>30天</p></td>
            <td>
                <div class="progress table-jindu">
                    <div class="progress-bar" role="progressbar" style="width: 60%;">
                        <span class="sr-only">60% Complete</span>
                    </div>
                </div>
                <p>80%</p>
            </td>
            <td>
                <button type="button">投标</button>
            </td>
        </tr>
        <tr>
            <td><img src="images/jing.png" alt="xin"><span>酒吧扩大资金周转</span></td>
            <td><p>300,000.00</p></td>
            <td><p>12.2%</p></td>
            <td><p>30天</p></td>
            <td>
                <div class="progress table-jindu">
                    <div class="progress-bar" role="progressbar" style="width: 60%;">
                        <span class="sr-only">60% Complete</span>
                    </div>
                </div>
                <p>80%</p>
            </td>
            <td>
                <button type="button">投标</button>
            </td>
        </tr>
        <tr>
            <td><img src="images/shi.png" alt="xin"><span>酒吧扩大资金周转</span></td>
            <td><p>300,000.00</p></td>
            <td><p>12.2%</p></td>
            <td><p>30天</p></td>
            <td>
                <div class="progress table-jindu">
                    <div class="progress-bar" role="progressbar" style="width: 60%;">
                        <span class="sr-only">60% Complete</span>
                    </div>
                </div>
                <p>80%</p>
            </td>
            <td>
                <button type="button" class="btn-active">满标</button>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<div class="conter-top-four">
    <div class="warp">
        <div class="row">
            <div class="col-xs-6">
                <div class="conter-top-txt_2">
                    <p>公司动态<a href="#" style="float: right;padding-top: 3px;">更多></a></p>
                </div>
                <div class="new-list-left">
                    <ul>
                        <li><i class="fa fa-circle-o"></i><a href="#"></a> 中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                        <li><i class="fa fa-circle-o"></i>中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                        <li><i class="fa fa-circle-o"></i>中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                        <li><i class="fa fa-circle-o"></i>中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                    </ul>
                </div>

            </div>
            <div class="col-xs-6">
                <div class="conter-top-txt_2">
                    <p>行业新闻<a href="#" style="float: right;padding-top: 3px;">更多></a></p>
                </div>
                <div class="new-list-left">
                    <ul>
                        <li><i class="fa fa-circle-o"></i>中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                        <li><i class="fa fa-circle-o"></i>中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                        <li><i class="fa fa-circle-o"></i>中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                        <li><i class="fa fa-circle-o"></i>中和金融出席2015爱心行动 <span>2015-1-21</span></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>

</div>
<div class="conter-top-five">
    <div class="warp">
        <div class="conter-top-txt_3">
            <p>合作伙伴</p>
        </div>
        <div class="youqinglianjie">
            <div><a href="#"><img src="images/bank.png" alt="" class="part_1"></a></div>
            <div><a href="#"><img src="images/bank.png" alt="" class="part_2"></a></div>
            <div><a href="#"><img src="images/bank.png" alt="" class="part_3"></a></div>
            <div><a href="#"><img src="images/bank.png" alt="" class="part_4"></a></div>
            <div><a href="#"><img src="images/bank.png" alt="" class="part_5"></a></div>
            <div><a href="#"><img src="images/bank.png" alt="" class="part_6"></a></div>
        </div>

    </div>
</div>
<footer class="footering">
    <div class="warp">
        <div class="index-footer ">
            <h3>关于我们</h3>
            <ul>
                <li><a href="#">中和简介</a></li>
                <li><a href="#">媒体报道</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <div class="index-footer">
            <h3>帮助中心</h3>
            <ul>
                <li><a href="#">投资人指引</a></li>
                <li><a href="#">注册协议</a></li>
                <li><a href="#">服务协议</a></li>
            </ul>
        </div>
        <div class="index-footer">
            <h3>公众平台</h3>
            <ul>
                <li><a href="#"><img src="images/wxin.png" alt="wxin" class="wxin"> <img src="images/sina.png" alt="s">
                </a></li>
                <li><a href="#">官方QQ群：428384457</a></li>
            </ul>
        </div>
        <div class="index-footer index-footerAcon">
            <h3>客服热线（工作时间8:30—17:30）</h3>
            <ul>
                <li><p class="pho">400-879-0088</p></li>
                <li>在线客服：<img src="images/qq.png" alt="wxin" class="wxin"> <img src="images/qq.png" alt="s"></li>
            </ul>
            <!--<ul>-->
            <!--<li><p class="pho">400-879-0088</p> </li>-->
            <!--<li>在线客服：<img src="images/wxin.png" alt="wxin" class="wxin"> <img src="images/sina.png" alt="s"> </li>-->
            <!--</ul>-->
        </div>
    </div>

</footer>

<!--<div class="banner">-->
<!--<img class="img-responsive background_img" src="images/banner.png" alt="banner">-->

<!--<div class="warp " style="height: 80px;background-color: red">-->
<!--<div class="background_img_1 pull-right">-->
<!--<img class="pull-right" src="images/denglubeijing.png" alt="banner">-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="warp">
    <p class="footer-mess">中和金融信息服务版权所有 皖ICP备14020353号 | Copyright 2014 zhonghejinrong.com All Rights Reserved </p>
    <div class="cccc">
        <ul >
            <li><img src="images/bb1.png" alt=""></li>
            <li><img src="images/bb2.png" alt="" ></li>
            <li><img src="images/bb3.png" alt="" ></li>
        </ul>
    </div>
</div>

</body>
</html>